import { reactive } from 'vue'
export default function () {
  // 导出一个默认方法

  // 创建一个对象，保存宽度和高度值
  const screen = reactive({
    width: 0,
    height: 0
  })

  // 创建一个方法，获取可视化界面的宽度和高度值
  const getWH = () => {
    screen.width = document.documentElement.clientWidth
    screen.height = document.documentElement.clientHeight
  }
  return { screen, getWH } // 方法返回宽高值
}

// // 导入 hooks
// import screenWH from '../hooks/useScreenWh.js'
//
//// 因为 screenWH 是一个导出的方法，所以需要调用一下子，然后顺便解构一下就可以在模板使用了。
//let { screen, getWH } = screenWH()